<!DOCTYPE html>
<html lang="zh-CN">

	<head>
		<meta charset="utf-8">
		<meta name="renderer" content="webkit">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<meta name="keywords" content="kiftd下载,kiftd,kiftd官方网站">
		<meta name="baidu-site-verification" content="wM6UlfaFy9" />
		<!-- 上述4个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
		<title>kiftd快速开始...</title>
		<link rel="icon" type="image/x-icon" href="img/icon.png" />
		<!-- Bootstrap -->
		<link href="css/bootstrap.min.css" rel="stylesheet">
		<link rel="stylesheet" href="css/carousel.css" />
		<link rel="stylesheet" href="css/viewer.min.css" />
		<!-- HTML5 shim 和 Respond.js 是为了让 IE8 支持 HTML5 元素和媒体查询（media queries）功能 -->
		<!-- 警告：通过 file:// 协议（就是直接将 html 页面拖拽到浏览器中）访问页面时 Respond.js 不起作用 -->
		<!--[if lt IE 9]>
      <script src="js/html5shiv.min.js"></script>
      <script src="js/respond.min.js"></script>
      <script>
      	alert("提示：浏览器版本过低。请使用一款现代浏览器访问（例如Chrome或FireFox等），如使用国产高速浏览器，请切换为“极速模式”。");
      </script>
    <![endif]-->
	</head>

	<body>
		<nav class="navbar navbar-inverse" style="margin-bottom: 0px;">
			<div class="container">
				<div class="navbar-header">
					<a class="navbar-brand" href="index.html">kiftd——青阳网络文件传输系统</a>
				</div>
				<div id="navbar" class="navbar-collapse collapse">
					<ul class="nav navbar-nav">
						<li class="active">
							<p class="navbar-text">一款面向个人、团队、小型组织的网盘服务器系统</p>
						</li>
					</ul>
					<ul class="nav navbar-nav navbar-right">
						<li class="active">
							<p class="navbar-text">快速访问：</p>
						</li>
						<li>
							<a href="https://github.com/KOHGYLW/kiftd">GitHub</a>
						</li>
						<li>
							<a href="https://dev.tencent.com/u/kohgylw/p/kiftd/git">腾讯云</a>
						</li>
						<li>
							<a href='https://gitee.com/kohgylw/kiftd'>
								<img height="20" src='https://gitee.com/kohgylw/kiftd/widgets/widget_5.svg' alt='Fork me on Gitee'></img>
							</a>
						</li>
					</ul>
				</div>
			</div>
		</nav>

		<div class="jumbotron" style='background-image: linear-gradient(0deg, #5D478B,#5CACEE);'>
			<div class="container" style="text-align: center;color: #FFFFFF;">
				<h1>快速开始</h1>
				<p>仅需3分钟，任何人都能立即开始使用这款功能完善的网盘系统。本页将向您说明如何完成kiftd的安装并开始使用它，该过程毫无难度可言。</p>
			</div>
		</div>

		<div class="container marketing">

			<div>
				<em class="text-danger">* 提示：点击 <u>左侧的示例图片</u> 也可以查看该步的详细步骤（这些操作步骤不区分操作系统）。</em>
			</div>
			<hr />

			<div class="row featurette">
				<div class="col-md-7 col-md-push-5">
					<h4 class="featurette-heading">1.安装JAVA</h4>
					<p class="lead">
						想要运行kiftd，JAVA运行环境必不可少。安装JAVA非常简单，只需点击几下鼠标即可完成。请先前往
						<a href="https://www.java.com/zh_CN/" target="view_window">JAVA官方网站</a> 下载一份安装包，之后，双击运行下载好的安装包并“下一步”、“下一步”再“下一步”即可。<br />
						<small><a href="javascript:void(0);" data-toggle="modal" data-target="#javaModal"><span class="glyphicon glyphicon-question-sign" aria-hidden="true"></span> 为什么要安装JAVA……</a></small>
						<br />
						<small><a href="javascript:void(0);" onclick="show_step_one()"><span class="glyphicon glyphicon-info-sign" aria-hidden="true"></span> 查看详细步骤……</a></small>
					</p>
				</div>
				<!--500 x 500 配图-->
				<div class="col-md-5 col-md-pull-7">
					<img class="featurette-image img-responsive center-block" src="img/installJava1_3.png" alt="Generic placeholder image" onclick="show_step_one()" style="cursor: pointer;">
				</div>
			</div>

			<hr class="featurette-divider">

			<div class="row featurette">
				<div class="col-md-7 col-md-push-5">
					<h4 class="featurette-heading">2.下载并解压kiftd</h4>
					<p class="lead">当您的电脑中装好JAVA后，便可以安装kiftd了。kiftd的安装过程更加简单——通俗来说就是“解压即用”： 1，
						<a href="javascript:void(0);" data-toggle="modal" data-target="#downloadModal">下载kiftd</a> ；2，将下载好的ZIP压缩包解压至本地；3，双击运行其中的 <strong>“.jar”</strong> 应用程序来启动kiftd；4，点击位于主界面上的“开启”按钮并等待“服务器状态”变为“运行”。就是这样，无需任何复杂操作。
						<br />
						<small><a href="javascript:void(0);" onclick="show_step_two()"><span class="glyphicon glyphicon-info-sign" aria-hidden="true"></span> 查看详细步骤……</a></small>
					</p>
				</div>
				<div class="col-md-5 col-md-pull-7">
					<img class="featurette-image img-responsive center-block" src="img/downloadKiftd1_1.png" alt="Generic placeholder image" onclick="show_step_two()" style="cursor: pointer;">
				</div>
			</div>

			<hr class="featurette-divider">

			<div class="row featurette">
				<div class="col-md-7 col-md-push-5">
					<h4 class="featurette-heading">3.开始使用</h4>
					<p class="lead">现在，请打开您的 <strong>浏览器</strong> （推荐使用Chrome、FireFox等现代浏览器，如需使用国产高速浏览器，请使用“极速模式”浏览），并在地址栏中输入： <code>http://{您的IP地址（或本机地址127.0.0.1）}:{kiftd端口号}/</code> （例如“http://127.0.0.1:8080/”。其中，“kiftd端口号”可在kiftd主界面查看）来访问您的网盘主页。之后，请使用初始账户admin（密码：000000）登入系统，开始自由体验kiftd的全部功能！
						<br />
						<small><a href="javascript:void(0);" data-toggle="modal" data-target="#howToUseModal"><span class="glyphicon glyphicon-question-sign" aria-hidden="true"></span> 了解更多……</a></small>
						<br />
						<small><a href="javascript:void(0);" onclick="show_step_three()"><span class="glyphicon glyphicon-info-sign" aria-hidden="true"></span> 查看详细步骤……</a></small>
					</p>
				</div>
				<div class="col-md-5 col-md-pull-7">
					<img class="featurette-image img-responsive center-block" src="img/loginAndStart1_1.png" alt="Generic placeholder image" onclick="show_step_three()" style="cursor: pointer;">
				</div>
			</div>

			<hr class="featurette-divider">

			<div class="panel panel-success">
				<div class="panel-heading">
					<h3 class="panel-title">进一步了解更多内容？</h3>
				</div>
				<div class="panel-body">
					至此，您已经完成了kiftd的基本入门。如果您还需要一份更加全面的功能指引，请阅读随每一份kiftd分发的《kiftd说明文档》。这是kiftd的详细使用说明，其中包括了更加具体的安装流程及各项功能的介绍（图文并茂，示例全面），您可以通过阅读该文档快速学会kiftd的全部使用方法。 相信我，它并不枯燥，无论您是刚刚学会开机关机的小白用户，还是熟练使用命令操作计算机的高级用户，均能很轻松地读懂它！
					<br />
					<a href="https://gitee.com/kohgylw/kiftd/raw/master/kiftd%E8%AF%B4%E6%98%8E%E6%96%87%E6%A1%A3.pdf" target="view_window">立即获取……</a>
				</div>
			</div>

			<div class="panel panel-success">
				<div class="panel-heading">
					<h3 class="panel-title">使用中遇到问题？</h3>
				</div>
				<div class="panel-body">
					如果您遇到问题，欢迎至信kohgylw@163.com，作者会尽快为您解答。
				</div>
			</div>

			<!-- /END THE FEATURETTES -->

			<!-- FOOTER -->
			<footer>
				<p class="pull-right">
					<a href="#">返回顶部</a>
					<a href="index.html">返回首页</a>
				</p>
				<p>&copy; 2018-2019 kohgylw@163.com, 青阳龙野 版权所有。
				</p>

		</div>
		<!-- /.container -->

		<!-- Modal -->
		<!--下载模态框-->
		<div class="modal fade" id="downloadModal" tabindex="-1" role="dialog">
			<div class="modal-dialog modal-sm" role="document">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
						<h4 class="modal-title">请选择下载地址 <small>（159 MB）</small></h4>
					</div>
					<div class="modal-body">
						<div class="list-group">
							<a href="https://github.com/KOHGYLW/kiftd/archive/v1.0.22-release.zip" class="list-group-item">
								<h4 class="list-group-item-heading">1. <span class="glyphicon glyphicon-save"></span> 从 GitHub 下载...</h4>
								<p class="list-group-item-text">下载kiftd发行版，GitHub是知名的开源项目托管平台，可以直接进行下载。</p>
							</a>
							<a href="https://dev.tencent.com/u/kohgylw/p/kiftd/git/archive/v1.0.22-release.zip" class="list-group-item">
								<h4 class="list-group-item-heading">2. <span class="glyphicon glyphicon-save"></span> 从 腾讯云 下载...</h4>
								<p class="list-group-item-text">下载kiftd发行版，“腾讯云”是国内优质的开源项目托管平台，国内访问速度快。可以直接进行下载。</p>
							</a>
							<a href="https://gitee.com/kohgylw/kiftd/repository/archive/v1.0.22-release?format=zip" class="list-group-item" target="view_window">
								<h4 class="list-group-item-heading">3. <span class="glyphicon glyphicon-save"></span> 从 Gitee 下载...</h4>
								<p class="list-group-item-text">下载kiftd发行版，“码云”是国内知名的开源项目托管平台，国内访问速度快。需登录认证。</p>
							</a>
						</div>
					</div>
				</div>
			</div>
		</div>

		<!--JAVA简介-->
		<div class="modal fade" id="javaModal" tabindex="-1" role="dialog" aria-labelledby="javaModalLabel">
			<div class="modal-dialog" role="document">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
						<h4 class="modal-title" id="javaModalLabel">为什么要安装JAVA？</h4>
					</div>
					<div class="modal-body">
						<div class="media">
							<div class="media-left media-middle">
								<a href="#">
									<img class="media-object" src="img/javalog.png" alt="JAVA">
								</a>
							</div>
							<div class="media-body">
								<dl>
									<dt><span class="glyphicon glyphicon-star" aria-hidden="true"></span> 何为JAVA？</dt>
									<dd>JAVA是一种十分流行的面向对象跨平台开发语言，其广泛应用于服务器开发，此外，您也可以在很多其他领域见到它的身影（例如ATM机、车载电脑、智能家电、智能手机等）。</dd>
									<dt><span class="glyphicon glyphicon-star" aria-hidden="true"></span> 为何要安装JAVA？</dt>
									<dd> kiftd也是使用JAVA语言编写的，因此其运行离不开JAVA运行环境的支持。值得注意的是，“运行环境”本身并不会占用您的性能资源，其运行的程序才会。</dd>
									<dt><span class="glyphicon glyphicon-star" aria-hidden="true"></span> 如何下载JAVA？</dt>
									<dd>如何下载JAVA运行环境？请访问JAVA官网并免费下载安装包。您可以使用搜索引擎很方便地找到JAVA官网，或是访问直接访问：
										<a href="https://www.java.com/zh_CN/">https://www.java.com/zh_CN/</a>
									</dd>
								</dl>
							</div>
						</div>

					</div>
					<div class="modal-footer">
						<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
					</div>
				</div>
			</div>
		</div>

		<!--局域网访问指引-->
		<div class="modal fade" id="howToUseModal" tabindex="-1" role="dialog" aria-labelledby="howToUseModalLabel">
			<div class="modal-dialog" role="document">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
						<h4 class="modal-title" id="howToUseModalLabel">了解更多</h4>
					</div>
					<div class="modal-body">
						<dl>
							<dt>如何让其他人访问我的网盘？</dt>
							<dd>
								如需让其他人访问您的网盘，同样是在浏览器内输入您的 <strong>IP地址</strong> 和kiftd <strong>端口号（port）</strong>即可，格式仍为<code>http://{您的IP地址}:{kiftd端口号}/</code>，例如<code>http://192.168.1.2:8080/</code>。 其中，端口号（Port）可在kiftd主界面上查看（默认为8080），IP地址则为您的本机IP地址。
							</dd>
							<dt>如何查看本机IP地址？</dt>
							<dd>
								<strong>对于Windows用户</strong>：请打开“网络和共享中心”，在该窗口中点击“链接”后方的连接名称（例如“以太网”或是“WLAN”，该链接必须是您正在使用的），之后在状态对话框内点击“详细信息(E)...”按钮。在弹出的对话框中找到“IPv4 地址”一项，后方的地址即为您的本机IP地址。
								<br />
								<strong>对于Mac OS X用户</strong>：请打开“系统偏好设置”，进入“网络”窗口，找到“IP 地址”一项，该处显示的即为您的本机IP地址。
								<br />
								<strong>对于Linux用户</strong>：请在终端中输入<code>ifconfig</code>命令，并在输出信息中根据您所使用的网卡编号查看您的本机IP地址。
							</dd>
							<dt>能否在公网访问我的网盘？</dt>
							<dd>当然可以，前提条件是您的计算机具备一个公网IP。您可以将kiftd部署在一个云服务器上或者使用内网穿透工具来达到此目的，或是自行申请一个公网IP地址。</dd>
							<dt>需要一份更加详细的操作指南？</dt>
							<dd>虽然kiftd的设计宗旨便是令所有用户均可“一看就会”，但需要强调的是，kiftd的另一大特色便是在<strong>每一份程序中</strong>均附赠了一份图文并茂的《kiftd说明文档》，它将成为您了解kiftd全貌的最佳指南——它并不枯燥。</dd>
						</dl>

					</div>
					<div class="modal-footer">
						<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
					</div>
				</div>
			</div>
		</div>

	</body>
	<!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
	<script src="js/jquery-1.12.4.min.js"></script>
	<!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
	<script src="js/bootstrap.min.js"></script>
	<script type="text/javascript" src="js/holder.min.js"></script>
	<script type="text/javascript" src="js/jqthumb.min.js"></script>
	<script type="text/javascript" src="js/viewer.min.js"></script>
	<script type="text/javascript">
		function show_step_one() {
			var image1 = document.createElement('ul');
			$(image1).append("<li><img src='img/step1_1.png' alt='1：访问JAVA官网首页，并找到下载链接。'></li>");
			$(image1).append("<li><img src='img/step1_2.png' alt='2：根据系统类型选择合适的安装包并开始下载。'></li>");
			$(image1).append("<li><img src='img/step1_2_1.png' alt='3：双击安装包并开始安装（名称可能因版本不同有所区别）。'></li>");
			$(image1).append("<li><img src='img/step1_3.png' alt='4：根据提示内容选择开始安装（具体内容可能因版本不同有所区别）。'></li>");
			$(image1).append("<li><img src='img/step1_4.png' alt='5：等待安装包下载必须的资源，这可能需要一些时间。'></li>");
			$(image1).append("<li><img src='img/step1_5.png' alt='6：等待安装包执行安装过程，这可能需要一些时间。'></li>");
			$(image1).append("<li><img src='img/step1_6.png' alt='7：安装完成后，只需退出安装程序即可，无需进行其他操作。'></li>");
			var viewer1 = new Viewer(image1, {
				hidden: function() {
					viewer1.destroy();
				},
			});
			viewer1.show();
		}

		function show_step_two() {
			var image2 = document.createElement('ul');
			$(image2).append("<li><img src='img/step2_1.png' alt='1：下载最新版本的kiftd。'></li>");
			$(image2).append("<li><img src='img/step2_2.png' alt='2：将下载好的kiftd压缩包解压至本地。'></li>");
			$(image2).append("<li><img src='img/step2_3.png' alt='3：进入解压目录（即程序主目录）并双击其中的jar程序（文件名可能因版本不同有所区别）启动kiftd。'></li>");
			$(image2).append("<li><img src='img/step2_4.png' alt='4：点击主界面上的启动按钮开启服务器。'></li>");
			$(image2).append("<li><img src='img/step2_5.png' alt='5：当服务器状态显示为“运行”时，便可以开始使用了。'></li>");
			var viewer2 = new Viewer(image2, {
				hidden: function() {
					viewer2.destroy();
				},
			});
			viewer2.show();
		}
		
		function show_step_three() {
			var image3 = document.createElement('ul');
			$(image3).append("<li><img src='img/step3_1.png' alt='1：打开浏览器，并在地址栏中输入“http://{您的IP地址}:{kiftd端口号}/”。'></li>");
			$(image3).append("<li><img src='img/step3_2.png' alt='2：进入主页后，点击右上方的登录按钮。'></li>");
			$(image3).append("<li><img src='img/step3_3.png' alt='3：使用默认管理员账户登录（账户名：admin，密码：000000）。'></li>");
			$(image3).append("<li><img src='img/step3_4.png' alt='4：现在，您便可以自由地尝试全部功能了。'></li>");
			$(image3).append("<li><img src='img/step3_5.png' alt='5：例如，尝试上传您的第一个文件并让他人访问下载？'></li>");
			$(image3).append("<li><img src='img/step3_6.png' alt='6：至此，您已经完成了kiftd的全部安装步骤。接下来，您可以继续阅读随程序附带的《kiftd说明文档》学会kiftd的所有使用技巧。'></li>");
			var viewer3 = new Viewer(image3, {
				hidden: function() {
					viewer3.destroy();
				},
			});
			viewer3.show();
		}
	</script>

</html>